<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/style.css"/>
    <title>jQuery fancyBox</title>

    <!-- icons -->
    <link rel="icon" href="../../../lib/image/favicon.ico"/>
    <link rel="shortcut icon" href="../../../lib/image/favicon.ico"/>
</head>
<body>
<div class="show">
    <div class="text-view"><a class="test1" href="" title="love is epic">text1</a></div>
    <div class="text-view"><a class="test2" href="" title="How did I fall in love width you">text2</a></div>
    <div class="text-view"><a class="test3" href="" title="first love">text3</a></div>
    <div class="img-view"><a class="test4" href="data/large/image1.jpg" title="love is epic" data-width="550" data-height="366"><img src="data/small/image1.jpg"/></a></div>
    <div class="img-view"><a class="test5" href="data/large/image2.jpg" title="you raise me up" data-width="600" data-height="400"><img src="data/small/image2.jpg"/></a></div>
    <div class="img-view"><a class="test6" href="data/large/image3.jpg" title="some say love" data-width="600" ata-height="787"><img src="data/small/image3.jpg"/></a></div>
</div>
<div id="overlay" class="simplemodal-close"></div>
<div id="popup"></div>
</body>
<script src="../../../lib/js/jquery-1.9.0.min.js"></script>
<script src="js/jquery-fancyBox.js"></script>
<script>
    $('.test1').nFancyBox({
        mode: 'text',
        title: true,
        width: 250,
        desc: 'If two people are meant to be together, eventually they will find their way back.',
        footer: {
            confirm: 'CONFIRM',
            cancel: 'CANCEL'
        }
    });
    $('.test2').nFancyBox({
        mode: 'text',
        title: true,
        width: 320,
        desc: 'Remember me never need each other, the best friends like sister and brother, we understood we never be alone.',
        footer: {
            confirm: 'CONFIRM',
            cancel: ''
        }
    });
    $('.test3').nFancyBox({
        mode: 'text',
        title: false,
        width: 300,
        desc:'But tonight we feel like stars We will play our air guitars Cause we are eighteen It is a perfect night To sing our prom theme.'
    });
    $('.test4').nFancyBox({
        mode: 'image'
    });
    $('.test5').nFancyBox({
        mode: 'image',
        title:true
    });
    $('.test6').nFancyBox({
        mode: 'image'
    });

</script>
</html>